<template>
    <div>
        <div class="assemble">
            <h1>附近拼团</h1>
            <div class="assemble-list">
                    <div class="left-assemble">
                        <img src="../../../assets/styles/images/zhishi.jpg">
                        <span class="title">热力单人套餐</span>
                        <span class="price">
                            <span class="now_price">¥17 </span>
                            <span class="old_price">¥39</span>
                        </span>
                    </div>
                    <div class="right-assemble">
                        <img src="../../../assets/styles/images/baoyang.jpg">
                        <span class="title">深沉皮肤管理水套餐</span>
                        <span class="price">
                            <span class="now_price">¥158 </span>
                            <span class="old_price">¥498</span>
                        </span>
                    </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name:'HomeAssemble'
}
</script>

<style scoped>
.assemble{
    display: flex;
    box-sizing: border-box;
    width:100%;
    flex-direction: column;
    justify-content: space-between;
}
.assemble h1{
    font-size:14px;
    font-weight: normal;
    margin-left:10px;
}
.assemble-list{
 display: flex;
}
.left-assemble,.right-assemble{
    width:49%;
    padding:2%;
 
}
img{
    width:100%;
}
 .title,.price{
    display: flex;
    justify-content: center;
    font-size: 12px;
}


 .price .now_price{
    color:#FF6600;
}
 .price .old_price{
    text-decoration: line-through;
    color:#DBDBDB;
    margin-left:3%;
}
</style>
